<template>
  <div class="container">
    <div>已完成{{ isComplete }}/全部{{ all }}</div>
    <button v-if="isComplete > 0" @click="clear">清除已完成</button>
  </div>
</template>

<script>
import { defineComponent, ref } from "vue";
export default defineComponent({
  name: "NavFooter",
  setup() {
    let isComplete = ref(1);
    let all = ref(3);
    let clear = ()=>{
        console.log("clear")
    }
    return {
      isComplete,
      all,
      clear
    };
  },
});
</script>

<style scoped lang="scss">
.container{
    display: flex;
    align-items: center;
    justify-content: center;
    button{
        margin-left: 10px;
    }
}
</style>